@media screen {
  body {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  body {
    background-color: pink;
  }
}
@media screen and (max-width: 1024px) {
  body {
    background-color: blue;
  }
}
.box {
  width: 1000px;
  height: 399px;
  margin: 10px auto;
  background-color: red;
}
@media (max-width: 1024px) {
  .box {
    background: green;
  }
}
@media (max-width: 640px) {
  .box {
    background: #ff9900;
  }
}
.container {
  width: 1000px;
  height: 400px;
  margin: 10px auto;
}
@media (max-width:640px) {
  .container {
    background: blue;
  }
}
@media (max-width:1024px) {
  .container {
    background: yellow;
  }
}
